
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    /* background-image: url(images4/view1.jpg); */
    font-weight: 700;
    color: black;
    background: linear-gradient( 125deg,#f1a0a0,#89c7f1,#ece0a2,#c2e8a9,#ed7f6c);
    height:100vh;
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;

}

.outbox {
    width: 600px;
    height: 500px;
    /* background-color: #ba666635; */
    /* margin: auto; */
    /* float: right; */
    /* margin-top: 15px; */
    margin: 50px auto;
    border:1px solid #fff;
    border-radius: 20px 20px 20px 20px;
    background-color: #fff;
    opacity:0.7;


}
.inbox{
    margin: 30px 150px;

}
.secondbox {
    margin:0 50px;
}

p {
    color: rgb(34, 16, 154);
    font-family: 华文行楷;
    font-weight: 400;
    font-size: 40px;

}

input:focus {
    background-color:gray;
    opacity:0.3;
}
form{
    width: 250px;
    margin:0 auto;
}
.biaodan input{
    margin-bottom:5px;
    width: 100%;
    box-sizing: border-box;
    padding:3px;
    border-radius: 3px;


}
.box{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border:1px solid white;
    line-height: 100px;
    text-align: center;

}
.box img{
    width: 250px;
    height: 250px;
    display:none;

}
.box:hover img{
    display:block;
}
